<script setup lang="ts">
import { useDark, useToggle } from '@vueuse/core'
const isDark = useDark()
const toggleDark = useToggle(isDark)
</script>

<template>
  <el-affix>
    <el-button circle type="primary" class="cursor-pointer shadow-lg" @click="toggleDark()">{{ isDark ? '🌞' : '🌙' }}</el-button>
  </el-affix>
</template>